
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>CSS Tables</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<form action="/search">
    <div class="search">
        <input type="text" placeholder="输入country" name="key" />
        <button><i>搜索</i></button>
    </div>
</form>
<h4 align="center" th:text="'累计确诊人数：' + ${total}"/>
<h4 align="center" th:text="'较前日增加人数：' + ${plus}"/>
<table class="dataintable">
    <tr>
        <th>state</th>
        <th>country</th>
        <th>latestTotalCases</th>
        <th>diffFromPrevDay</th>
    </tr>
    <tr th:each="unit:${unitsList}">
        <td><i th:text="${unit.getState()}"/></td>
        <td><i th:text="${unit.getCountry()}"/></td>
        <td><i th:text="${unit.getLatestTotalCases()}"/></td>
        <td><i th:text="${unit.getDiffFromPrevDay()}"/></td>
    </tr>

</table>

</body>
</html>